<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="./app.css" />
    <title>Zpix Font Sample</title>
  </head>
  <body>
    <div id="app">
      <div class="review-wrapper">
        <h1 class="title">Zpix Font Sample</h1>
        <h2 class="tips">(Chrome only)</h2>
        <textarea aria-label="" rows="5" class="input-characters">* input font sample...</textarea>

        <div id="show-loading" class="show-loading">
          <div class="loading-sharp">
            <div class="lds-ring">
              <div></div>
              <div></div>
              <div></div>
              <div></div>
            </div>

            <span>Loading...</span>
          </div>

          <div class="loading-tips">
            about 30 seconds
          </div>
        </div>

        <div id="show-characters" class="show-characters hide">
          <div class="row">
            <h3>CHS</h3>
            <div class="show-part">
              那个时候，我真的是什么都不懂！我应该从她所做的事物，而不是她的话里来判断它。她的香味沁人心脾，它让我的生活更加芬芳多彩，我真不应该弃她而去，我其实早就应该想到，在她那看起来有些可笑的行为后面，藏的是一片柔情啊，花是这样的纯洁天真！可我那时毕竟太年轻了，不知道该怎么爱她。
            </div>
          </div>

          <div class="row">
            <h3>CHT</h3>
            <div class="show-part">
              那個時候，我真的是什麼都不懂！我應該從她所做的事物，而不是她的話裡來判斷它。她的香味沁人心脾，它讓我的生活更加芬芳多彩，我真不應該棄她而去，我其實早就應該想到，在她那看起來有些可笑的行為後面，藏的是一片柔情啊，花是這樣的純潔天真！可我那時畢竟太年輕了，不知道該怎麼愛她。
            </div>
          </div>

          <div class="row">
            <h3>JPN</h3>
            <div class="show-part">
              その当時、私は本当に何もわからなかった！
              私は彼女の言ったことではなく、彼女がしたことからそれを判断すべきです。
              彼女の香りはさわやかで、私の人生をより香り高くカラフルにします。私は彼女を放棄するべきではありません。そして実際、私は長い間彼女の見かけはばかげた行動の背後に隠れることは優しい気持ちだと思いました。
              花はとても純粋で無邪気です！
              しかし、私はまだ若すぎたので、彼女を愛する方法がわかりません。
            </div>
          </div>
        </div>

        <div class="footer">
          <a href="https://github.com/SolidZORO" target="_blank">
            (C) 2019 SolidZORO
          </a>
        </div>
      </div>
    </div>

    <script src="app.js"></script>
  </body>
</html>
